<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:form id="productos">
		<p:dataTable value="#{carroMB.listaProducto}" var="p"
			style="Font-size:12px">
			<p:column headerText="Producto">
				<h:outputText value="#{p.nombre}"></h:outputText>
			</p:column>
			<p:column headerText="Precio" width="15%" styleClass="textRight">
				<h:outputText value="#{p.precio}">
					<f:convertNumber pattern="¤#,###" currencySymbol="$" />
				</h:outputText>
			</p:column>
			<p:column headerText="Cantidad stock" width="20%"
				styleClass="textCenter">
				<h:outputText value="#{p.stock}"></h:outputText>
			</p:column>
			<p:column headerText="" styleClass="textRight" width="24%">
				<p:commandButton value="Agregar al carro"
					actionListener="#{carroMB.agregarAlCarro(p)}"
					update=":resumenCarro, :formEditarCarro" icon="ui-icon-cart">
				</p:commandButton>

			</p:column>
			<f:facet name="footer">
				<p:commandButton
					actionListener="#{carroMB.anterioresDiesProductos()}"
					update="@form" icon="ui-icon-triangle-1-w" value="Anteriores"
					disabled="#{carroMB.swBotonAnteriores}" />
				<h:outputText value="Página"
					style="margin-left:10px; margin-right:5px"></h:outputText>
				<h:outputText value="#{carroMB.numeroPagina}"
					style="margin-right:10px"></h:outputText>
				<p:commandButton
					actionListener="#{carroMB.siguientesDiesProductos()}"
					update="@form" icon="ui-icon-triangle-1-e" value="Siguiente"
					disabled="#{carroMB.swBotonSiguientes}" />
			</f:facet>
		</p:dataTable>
	</h:form>
</ui:composition>